<template>

  <el-container>
    <el-header class="auto"><goback :content="content"></goback></el-header>
    <el-main>
      <el-tabs type="border-card" v-model="tab" @tab-click="handleClick">
        <el-tab-pane>
          <span slot="label" name="0">立项</span>
          <projectlx></projectlx>
        </el-tab-pane>
        <el-tab-pane label="预算" name="1">
          <projectys></projectys>
        </el-tab-pane>
        <el-tab-pane label="结算" name="2">
          <projectjs></projectjs>
        </el-tab-pane>
      </el-tabs>
    </el-main>
  </el-container>

</template>

<script>
import projectlx from '@/components/project/project_lx'
import projectys from "@/components/project/project_ys";
import projectjs from "@/components/project/project_js";
import goback from "../common/goback";
// 立项
export default {
    name:"project",
    data(){
      return {
        content:"立项",
        tab:0,
        tablist:['立项','预算','结算'],
      }
    },
  methods:{
      goBack(){
        this.$router.push('/home');
      }
      ,handleClick(tab, event){
      let _this = this;
      _this.content = _this.tablist[_this.tab];
    }
  },
    components:{projectlx,projectys,goback,projectjs}
}
</script>

<style scoped>
</style>
